<ion-view hide-tabs="true" view-title="时间与教练" ng-controller="selectTimeCtrl">
    <ion-content >
        <ion-list>
            <ion-item>
                <div style="text-align: center;">请选择时间</div>
                <div style="text-align: center;">
                    <i style="font-size:28px;position: relative;top: 3px; " class="icon ion-android-calendar"></i>
                    <time-picker style="color:#666;display: inline-block;border: solid 1px #2a2323;width:170px; " title="选择约课时间" yearstart="{{selectDate}}"
                        ok-handler="callback(result)" time-picker-result="data.result" format="yyyy-MM-dd hh:mm"></time-picker>
                </div>
            </ion-item>
            <ion-item class="selectLI clearfix" ng-repeat="chat in items">
                <div class="fl" style="background-image:url({{chat.pic}});"></div>
                <div class="selectTimeDiv2 fl">
                    <span>{{chat.name}}</span><br>
                    <p ng-if='chat.age != null'>{{chat.age}}岁 从业时间 {{chat.workTime}}</p>
                    <ul>
                        <div style="background-image: url({{chat.scoreImg.one}}); background-repeat: no-repeat; width: 12px;height: 11px; display: inline-block;background-size: 12px 11px;"></div>
                        <div style="background-image: url({{chat.scoreImg.two}}); background-repeat: no-repeat; width: 12px;height: 11px; display: inline-block;background-size: 12px 11px;"></div>
                        <div style="background-image: url({{chat.scoreImg.three}}); background-repeat: no-repeat; width: 12px;height: 11px; display: inline-block;background-size: 12px 11px;"></div>
                        <div style="background-image: url({{chat.scoreImg.four}}); background-repeat: no-repeat; width: 12px;height: 11px; display: inline-block;background-size: 12px 11px;"></div>
                        <div style="background-image: url({{chat.scoreImg.five}}); background-repeat: no-repeat; width: 12px;height: 11px; display: inline-block;background-size: 12px 11px;"></div>
                        <li>{{chat.score}}分</li>
                    </ul>
                </div>
                <div  class="selectOrderOne fr" ng-click="selectOrderOne($event,{{chat.id}})">预约</div>
            </ion-item>
        </ion-list>
    </ion-content>
    <ion-footer-bar align-title="center" ng-click="yuke()"   class="bar bar-footer bar-balanced" style="background: rgb(51, 205, 95)">
        <h1 class="title">预约</h1>
    </ion-footer-bar>
</ion-view>